<!DOCTYPE html>
<html>
<head>
	<title>Basic LightFace Test</title>
	<style>
		@import "../Assets/LightFace.css";
	</style>
	<link rel="stylesheet" href="../Assets/lightface.css" />
	<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools.js"></script>
	<script src="../Source/LightFace.js"></script>
	<script src="../Source/LightFace.js"></script>
	<script src="../Source/LightFace.IFrame.js"></script>
	<script src="../Source/LightFace.Image.js"></script>
	<script src="../Source/LightFace.Request.js"></script>
	<script>
		window.addEvent('domready',function(){
			
			document.id('start').addEvent('click',function() {
				
				light = new LightFace.IFrame({ height:400, width:800, url: 'http://google.com', title: 'Google!' }).addButton('Close', function() { light.close(); },true).open();
				
			});
			
		});
	</script>
</head>
<body>
	
	<h3>IFrame Demo</h3>
	<p>
		Click the button below to launch it and make it happen.
	</p>
	
	<button id="start">IFrame Google</button>

</body>
</html>